/* STYLE SECTIONING TAGS */
   * { /* Reset the space of the webpage */
      margin: 0px;
      padding: 0px;
   }

   body {
      background-color: lightblue;

      .Homediv {
        display: flex;
         flex-derecton: row;
         flex-wrap: no wrap;
      }

      .ihomediv{
         flex-baiss: 100%;
         margin: 0px;
      }

      .whydiv {
         display: flex;
         flex-derecton: row;
         flex-wrap: no wrap;

         img{
            width: 80%;
            height: auto;
         }
      }

      .iwhydiv {
         flex-baiss: 100%;
         margin: 3%
      }

      .youthdiv {
         display: flex;
         flex-derecton: row;
         flex-wrap: no wrap;

         img {
            width: 80%;
            hight: auto;
         }
      }

      .iyouthdiv {
         flex-daiss: 100%;
         margin: 3%
      }

   Img{
         width: 100%;
         height: auto;

         display: block;
         margin-left: auto;
         margin-right: auto;
   }

   @media screen and (max-width: 600px) {

      .Homediv{
         flex-wrap: wrap;
      }

      .whydiv{
         flex-wrap: wrap;
      }

      .youthdiv{
         flex-wrap: wrap;
      }
   }

   .headdiv{
      margin-left: 15%;
      margin-right: 15%;
   }

   ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color:#b81414;
        position: -webkit-sticky; /* Safari */
        position: sticky;
        top: 0;
      }


    li {
        float: left;
   }

   li a {
        display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
   }

   li a:hover {
        background-color: #111;
   }

      .dropbtn {
        background-color: #b81414;
        color: white;
        padding: 16px;
        font-size: 16px;
        border: none;
        cursor: pointer;
         margen-left: 15%;
         margen-right: 15%
         
      }


      }

      .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
         text-aling: center;
      }

      .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
         text-aling: center;
      }

      .dropdown-content a:hover {background-color: #f1f1f1}

      .dropdown:hover .dropdown-content {
        display: block;
         max-height:55%;
         overflow:scroll;
      }

      .dropdown:hover .dropbtn {
        background-color: #a51818;
         
      } 

     .dropdown {
          margin: 25px 50px 75px;
        
     }
      


   /* STYLE TEXT */

   h1 {
      border: 2px solid white;
      border-radius: 8px;

      background-color: white;

      margin: 3%;

      text-align: center;
   }
   h2 {
       border: 2px solid white;
        border-radius: 8px;

      background-color: white;

      margin: 3%;
   }

   h3 {
         border: 2px solid white;
         border-radius: 8px;

         background-color: white;

         margin: 15px;

         float: left;
   }

   h4 {
      border: 2px solid white;
      border-radius: 8px;

      background-color: white;

      margin: 15px;

      float: right;
   }

   p {
      border: 2px solid white;
      border-radius: 8px;

      background-color: white;

      margin: 3%;
   }


   /* STYLE IMAGES */



   /* STYLE NAV BAR */

   /* STYLE BUTTONS */

   /* ADD MORE! */